@charset "utf-8";

/** 清除内外边距 **/
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
	font-style: normal;
	font-weight: normal;
} /* 将斜体扶正 */ /* 注：optgroup 无法扶正 */
/** 设置默认字体 **/
body,
label,
button,
input,
select,
textarea {
	line-height: var(--defaultLineHeight);
	color: var(--defaultWordColor);
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: var(--defaultBodyColor);
} /*字体抗锯齿*/
html {
	line-height: var(--defaultLineHeight);
	color: var(--defaultWordColor);
	font-family: var(--defaultFontFamily);
	font-size: var(--defaultFontSize);
	scroll-behavior: smooth;
}
button,
input,
select,
textarea {
	outline: none;
	border: none;
	*font-size: 100%; /*to enable resizing for IE*/
}
textarea {
	resize: none;
} /*防止拖动*/
/** 重置列表元素 **/
ul,
ol,
dl,
li {
	list-style-type: none;
}
em,
s,
i {
	font-style: normal;
	text-decoration: none;
} /* 将斜 体扶正 */
fieldset,
img,
iframe {
	border: 0;
} /* img 搭车：让链接里的 img 无边框 */
img {
	width: 100%;
	height: 100%;
	border: 0;
	vertical-align: middle;
	object-fit: cover;
} /*  去掉图片低测默认的3像素空白缝隙*/
img,
a img {
	-ms-interpolation-mode: bicubic;
} /*ie图片缩放不失真*/
iframe {
	display: block;
}
/** 重置文本格式元素 **/
a {
	color: var(--defaultLinkColor);
	text-decoration: none;
	cursor: pointer;
	outline: none;
	blr: expression(this.onFocus=this.blur());
} /*blr：ie鼠标点击时不显示虚线*/
a:active,
a:hover {
	color: var(--defaultHoverColor);
	text-decoration: none;
}
a:active {
	background-color: transparent;
} /*背景颜色透明*/
a:focus {
	outline: 0 none;
} /*去掉点击链接时周围的虚线框*/
:focus {
	outline: 0 none;
}
::-moz-selection {
	background: #39f;
	color: #ffffff;
	text-shadow: none;
}
::selection {
	background: #39f;
	color: #ffffff;
	text-shadow: none;
}
.container,
.container-fluid {
	padding-right: 0;
	padding-left: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	text-decoration: none;
	font-weight: normal;
	font-size: 100%;
} /*100%=父级大小*/
sup {
	vertical-align: text-top;
} /* 重置, 减少对行高的影响 */
sub {
	vertical-align: text-bottom;
}
/* 重置 HTML5 元素 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	display: block;
}

/*版心提取*/
.container {
	margin: 0 auto;
	width: var(--containerWidth);
	max-width: var(--containerWidth);
}
.container-w {
	width: 100%;
}

/* 主题颜色 */

/* [Base] Function
------------------------------*/
.not-width,
.not-width3,
.not-width2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.not-width {
	-webkit-line-clamp: 1;
}
.not-width2 {
	-webkit-line-clamp: 2;
}
.not-width3 {
	-webkit-line-clamp: 3;
}
.fn-fl {
	float: left;
}
.fn-fr {
	float: right;
}
.fn-cl {
	clear: both;
}
/* 清除浮动 */
.fn-clear {
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.fn-clearfix:after {
	display: block;
	visibility: hidden;
	content: '';
	clear: both;
	height: 0;
	font-size: 0;
}
.fn-clearfix {
	display: block;
}
* html .fn-clearfix {
	height: 1%;
	zoom: 1;
}
/* @media screen and (max-width: 640px) {
	html {
		font-size: 37.5px !important;
	}
    
} */
/* 下划线过渡动画 */
.undLink {
	background: -webkit-linear-gradient(left, var(--defultundLinkColor), var(--defultundLinkColor)) no-repeat right bottom/0 2px;
	background: -moz-linear-gradient(left, var(--defultundLinkColor), var(--defultundLinkColor)) no-repeat right bottom/0 2px;
	background: -o-linear-gradient(left, var(--defultundLinkColor), var(--defultundLinkColor)) no-repeat right bottom/0 2px;
	background: linear-gradient(to right, var(--defultundLinkColor), var(--defultundLinkColor)) no-repeat right bottom/0 2px;
	padding-bottom: 2px;
	-webkit-transition: background-size 0.5s;
	-o-transition: -o-background-size 0.5s;
	-moz-transition: background-size 0.5s;
	transition: background-size 0.5s;
	transition: background-size 0.5s, -o-background-size 0.5s;
}

.undLink:hover {
	background-position: left bottom;
	-o-background-size: 100% 2px;
	background-size: 100% 2px;
}

/* 伸缩效果 */
.stretch {
	width: 100%;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
}

/* 竖屏 */
@media all and (orientation: portrait) {
	/* 自定义样式 */
}
/* 横屏 */
@media all and (orientation: landscape) {
	/* 自定义样式 */
}

/* 避免 100vh 高时出现滚动条 */
@supports (-webkit-touch-callout: none) {
	body {
		height: -webkit-fill-available;
	}
}

:root {
	/* 主题配置 */
	--defaultWordColor: #333; /* 默认字体颜色 */
	--defaultLinkColor: #333; /* 默认链接颜色 */
	--defaultHoverColor: #3661a2; /* 默认 hover 颜色 */
	--defaultBodyColor: #fff; /* 默认body 背景颜色 */
	--defaultFontSize: 18px; /* 默认字号 */
	--defaultFontFamily: 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Tahoma, 'WenQuanYi Micro Hei', SimSun, sans-serif;
	--defaultLineHeight: 1.5; /* 默认行高倍数 */
	--containerWidth: 1200px; /* 版心宽度 */
	--defultundLinkColor: #3661a2;
}

strong {
	font: revert;
	margin: auto;
	padding: initial;
}